<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="renderer" content="webkit" />
		<meta name="author" content="liuy" />
		<title>课程中心</title>
		<link rel="stylesheet" href="https://cdn.staticfile.org/Swiper/4.4.0/css/swiper.min.css" />
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/index.css" />
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="loading">
			<div class="circle"></div>
		</div>
		<!-- 过渡 end -->
		<div class="innerPage" >
			<div class="top-bar" pc="hide">
				<div class="top-box">
					<div class="wrap">
						<div class="top-logo">
							<a href="">
								<img src="images/logo.png">
							</a>
						</div>
						
						<div class="r-icon">
							<a href="javascript:;" class="close"></a>
							<!-- <a href="#" class="mes"></a> -->
							<!-- <a href="#" class="set"></a>
							<a href="javascript:;" class="menu">
								<i class="icon"></i>导航
							</a> -->
						</div>
					</div>
				</div>
			</div>
			<div class="personal-box" screen="full">
				<div class="left-column">
					<div class="u-faces">
						<img src="images/temp/faces.jpg" alt="">
					</div>
					<div class="u-name">李某某</div>
					<div class="u-list">
						<!-- 当前栏目 a 加 class="current" -->
						<a href=""  class="info">
							<i class="ico"></i>
							<span>个人资料</span>
							
						</a>
						<a href="" class="collect current">
							<i class="ico"></i>
							<span>我的收藏</span>
						</a>
					</div>
					<div class="u-out" wap="hide">
						<a href="javascript:;">退出</a>
					</div>
				</div>
				<div class="right-column">
					<div class="info-box sub-box">
						<div class="title">我的收藏</div>
						
						<div class="m-recolist">
							<div class="wrap">
								<ul>
									<!-- 每页8条数据 -->
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course01.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course02.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course03.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course04.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
								
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course05.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course05.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course05.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
									<li>
										<a href="">
											<div class="u-img">
												<img src="images/temp/course05.jpg">
											</div>
											<div class="u-con">
												<h2 class="erwei">创新思维与表达</h2>
												<div class="u-text">
													<div class="u-lecturer">主讲教师：<span>李某</span></div>
													<div class="u-browse">1021</div>
												</div>
											</div>
											<span class="u-period">30课时</span>
										</a>
									</li>
						
								</ul>
						
							</div>
							<div class="m-pages">
								<a href="" class="first pageprv prohibit">&lt;</a>
								<span>1/10</span>
								<a class="last pagenxt">&gt;</a>
							</div>
						</div>
						
					</div>

				</div>
			</div>
		</div>


		<script src="https://cdn.staticfile.org/Swiper/4.4.0/js/swiper.min.js"></script>
		<script src="js/globle.js"></script>
		<script src="js/index_ly.js"></script>

	</body>
</html>
